HTML Input form* Attributes

HTML इनपुट फ़ॉर्म* विशेषताएँ सीखें

HTML इनपुट फॉर्म* विशेषताएँ

यह अध्याय HTML <इनपुट> तत्व के लिए विभिन्न फॉर्म* विशेषताओं का वर्णन करता है।

🎯महत्वपूर्ण नोट:

फॉर्म* विशेषता इनपुट तत्वों को तत्व के भीतर विशेषताओं को ओवरराइड करने की अनुमति देती है। इन्हें आमतौर पर सबमिट और छवि इनपुट प्रकारों के साथ उपयोग किया जाता है।

form
उस चरण को निर्दिष्ट करता है जिससे इनपुट तत्व संबंधित है
formaction
एक कार्यात्मक यूआरएल को ओवरराइड करता है
formenctype
एन्क्रिप्शन विधि का उल्लंघन करता है
formmethod
HTTP विधि को ओवरराइड करता है
formtarget
लक्ष्य से अधिक
formnovalidate
सत्यापन का उल्लंघन करता है

प्रपत्र विशेषता

इनपुट फॉर्म विशेषता उस फॉर्म को निर्दिष्ट करती है जिससे <इनपुट> तत्व संबंधित है।

इस विशेषता का मान उस <form> तत्व की आईडी विशेषता के बराबर होना चाहिए जिससे यह संबंधित है।

उदाहरण

HTML फ़्रेम के बाहर स्थित एक इनपुट फ़ील्ड (लेकिन फिर भी फ़्रेम का हिस्सा):

<form action="/action_page.php" id="form1">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <input type="submit" value="Submit">
</form>

<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname" form="form1">
<form id="form1">
Outside form
नोट:फॉर्म विशेषता इनपुट तत्वों को उनके संबंधित चरण तत्वों के बाहर रखने की अनुमति देती है, जिससे HTML संरचना में सुधार होता है।

गठन विशेषता

इनपुटफॉर्मएक्शन विशेषता कोबडाड में यूआरएल निर्दिष्ट करती है जो फॉर्मेशन सबमिट होने पर इनपुट को प्रोसेस करेगी।

नोट:यह विशेषता <form> तत्व में क्रिया विशेषता को ओवरराइड करती है।
गुण उपयोगी इनपुट प्रकार
formaction सबमिट करें और छवि

उदाहरण

विभिन्न क्रियाओं के साथ दो सबमिट बटन वाला HTML चरण:

<form action="/action_page.php">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Submit">
  <input type="submit" formaction="/action_page2.php" value="Submit as Admin">
</form>



दूसरा बटन formaction='/action_page2.php' विशेषता की क्रिया को ओवरराइड करता है

फॉर्मेंक्टाइप विशेषता

इनपुट फॉर्मेंक्टाइप विशेषता निर्दिष्ट करती है कि सबमिट किए जाने पर चरण-डेटा को कैसे एन्कोड किया जाना चाहिए (केवल विधि = "पोस्ट" वाले चरणों के लिए)।

नोट:यह विशेषता <form> तत्व में enctype विशेषता को ओवरराइड करती है।

उदाहरण

दो सबमिट बटन के साथ चरण। पहला डिफ़ॉल्ट एन्कोडिंग के साथ स्टेप-डेटा भेजता है, दूसरा "मल्टीपार्ट/फॉर्म-डेटा" के रूप में एन्कोडेड स्टेप-डेटा भेजता है:

<form action="/action_page_binary.asp" method="post">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <input type="submit" value="Submit">
  <input type="submit" formenctype="multipart/form-data"
  value="Submit as Multipart/form-data">
</form>

💡महत्वपूर्ण आवेदन:

फ़ाइल अपलोड के लिए formenctype='multipart/form-data' आवश्यक है क्योंकि यह बाइनरी डेटा भेजने की अनुमति देता है।

formmethod विशेषता

इनपुट फॉर्ममेथड विशेषता एक्शन यूआरएल पर फॉर्म-डेटा भेजने के लिए HTTP विधि को परिभाषित करती है।

नोट:यह विशेषता <form> तत्व में विधि विशेषता को ओवरराइड करती है।

उदाहरण

दो सबमिट बटन के साथ चरण। पहला चरण-डेटा विधि='प्राप्त' के साथ भेजता है। दूसरा चरण-दर-चरण डेटा विधि = "पोस्ट" के साथ भेजता है:

<form action="/action_page.php" method="get">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Submit using GET">
  <input type="submit" formmethod="post" value="Submit using POST">
</form>

"प्राप्त करें" विधि पर नोट्स:

  • यह विधि URL में चरण-डेटा को नाम/मान जोड़े के रूप में जोड़ती है
  • यह विधि चरण-दर-चरण सबमिशन के लिए उपयोगी है जहां उपयोगकर्ता परिणाम को बुकमार्क करना चाहता है
  • एक यूआरएल में कितना डेटा रखा जा सकता है इसकी एक सीमा है
  • संवेदनशील जानकारी भेजने के लिए "GET" पद्धति का उपयोग न करें!

"पोस्ट" विधि पर नोट्स:

  • यह विधि चरण-दर-चरण डेटा को HTTP पोस्ट एक्सचेंज के रूप में भेजती है
  • स्टेप सबमिशन को "POST" पद्धति से बुकमार्क नहीं किया जा सकता
  • "POST" विधि "GET" की तुलना में अधिक मजबूत और सुरक्षित है।
  • "POST" की कोई आकार सीमा नहीं है

प्रारूप लक्ष्य विशेषता

इनपुट फॉर्मटार्गेट विशेषता एक नाम या कीवर्ड निर्दिष्ट करती है जो यह दर्शाती है कि चरण सबमिट करने के बाद प्राप्त प्रतिक्रिया को कहां प्रदर्शित किया जाए।

नोट:यह विशेषता <form> तत्व में लक्ष्य विशेषता को ओवरराइड करती है।

उदाहरण

विभिन्न लक्ष्य विंडो वाले दो सबमिट बटन वाला चरण:

<form action="/action_page.php">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Submit">
  <input type="submit" formtarget="_blank" value="Submit to a new window/tab">
</form>
लक्ष्य मान व्याख्या
_blank नई विंडो/टैब में खुलता है
_self वर्तमान विंडो में खुलता है (डिफ़ॉल्ट)
_parent शीर्ष पर खुलता है
_top पूर्ण विंडो में खुलता है

फॉर्मनोवैलिडेट विशेषता

इनपुट फॉर्मनोवैलिडेट विशेषता निर्दिष्ट करती है कि सबमिट किए जाने पर <इनपुट> तत्व को मान्य नहीं किया जाना चाहिए।

नोट:यह विशेषता <form> तत्व में novalidate विशेषता को ओवरराइड करती है।

उदाहरण

दो सबमिट बटन वाला चरण (सत्यापन के साथ और बिना सत्यापन):

<form action="/action_page.php">
  <label for="email">Enter your email:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="Submit">
  <input type="submit" formnovalidate="formnovalidate"
  value="Submit without validation">
</form>

नवीनीकृत विशेषता

नोवैलिडेट विशेषता एक <form> विशेषता है।

वैकल्पिक रूप से, नोवैलिडेट निर्दिष्ट करता है कि सबमिट किए जाने पर सभी चरण-डेटा को मान्य नहीं किया जाना चाहिए।

उदाहरण

कृपया निर्दिष्ट करें कि सबमिशन में कोई चरण-डेटा सत्यापित नहीं किया जाना चाहिए:

<form action="/action_page.php" novalidate>
  <label for="email">Enter your email:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="Submit">
</form>

⚠️महत्वपूर्ण अंतर:

novalidate(फ़ॉर्म पर): संपूर्ण चरण के लिए सत्यापन अक्षम करता है
formnovalidate(इनपुट पर): निर्दिष्ट सबमिट बटन के लिए सत्यापन अक्षम करता है

अभ्यास

INPUT तत्व के लिए कौन सा कानूनी रूप विशेषता नहीं है?

formaction
✗ ग़लत! फॉर्मैक्शन एक कानूनी HTML विशेषता है जो सबमिट बटन की कार्रवाई को ओवरराइड करती है
formtype
✓ ठीक है! formtype एक कानूनी HTML विशेषता नहीं है। सही विशेषता प्रकार है
formtarget
✗ ग़लत! formtarget एक कानूनी HTML विशेषता है जो सबमिट बटन के लक्ष्य को ओवरराइड करती है

HTML चरण और इनपुट तत्व

टैग व्याख्या
<form> उपयोगकर्ता इनपुट के लिए HTML प्रारूप को परिभाषित करता है
<input> इनपुट नियंत्रण को परिभाषित करता है

🔗अतिरिक्त स्रोत:

सभी उपलब्ध HTML टैग्स की पूरी सूची के लिए, हमारे HTML टैग संदर्भ पर जाएँ।

फॉर्म* विशेषताओं का सारांश:

गुण का उल्लंघन करती है उपयोगी इनपुट प्रकार
form - सब कुछ
formaction action submit, image
formenctype enctype submit, image
formmethod method submit, image
formtarget target submit, image
formnovalidate novalidate submit